@tailwind base;
@tailwind components;
@tailwind utilities;


.bodyPad {
    @apply overflow-y-scroll w-full h-full;
}

.headPad {
    @apply flex flex-col text-white bg-sky-400 sticky
    top-0 w-full z-50;
}

.headPad div {
    @apply leading-7;
}

.headPad input {
    @apply w-full;
}


.mainPad {
    /*border: 1px solid red;*/
    height: 88vh;
    overflow: scroll;
    @apply relative;
}

.barPad {
    @apply flex flex-row h-20 justify-center content-center items-center
    border border-solid border-gray-300 shadow-lg
    bottom-0 sticky;
}

.barPad div {
    @apply basis-1/4 text-center justify-center;
}

/*图标字体大小*/
.barPad i {
    @apply text-2xl;
}

.cataMenu {
    @apply my-3 px-3 text-center;
}

.cataMenu img {
    @apply w-14 ;
}

.cataMenu div {
    @apply drop-shadow-lg;
}

.titlePad {
    @apply text-center flex items-center justify-center;
}

.titlePad span {
    @apply inline-block w-8 h-px  mx-4 bg-slate-500;
}

.searchBar {
    @apply grid grid-cols-4 gap-x-8;
}

.businessCard {
    @apply space-x-2 m-1 rounded-xl shadow-lg  flex flex-row ;
}

.businessCard img {
    @apply h-24 w-20;
}

.businessCard .businessInfo {
    @apply flex flex-col  space-y-3;
}

.businessCard .businessInfo .fa-star {
    @apply text-yellow-400;
}



